<template>
	<view class="goods-list-row">
		<view class="goods-list">
			<view class="goods" v-for="(item, index) in goodsList" :key="index">
				<view class="row">
					<view class="goods-img-box" @click="eventClick(item)">
						<!-- <view class="goods-img-title" style="position: relative; top: -2px;"><image src="../../static/img/sy/Q2x.png" mode="widthFix"></image></view>
						<view class="goods-img-di">
							<text>可抵用￥{{ item.coupon_amount }}</text>
						</view> -->
						<view class="goods-img-name">
							<!-- <image :src="item.pict_url" mode="aspectFill"></image> -->
							<lazy-image class="lazy-image" :realSrc="item.pict_url"></lazy-image>
						</view>
					</view>
					<view class="goods-title" @click="eventClick(item)">
						<text>{{ item.title }}</text>
					</view>
					<view class="coupen-row">
						<view class="coupen-price">
							<text>{{ parseInt(item.coupon_amount) }}元券</text>
						</view>
						<view class="to-seller-detail" @click="eventPlatform(item.click_url)"><text>搜<image src="../../static/img/logo/LOGO-TB.png" mode="widthFix"></image>￥{{ item.zk_final_price }}</text></view>
					</view>
					<view class="goods-price">
						<view class="price-hou">
							<text class="price-hou-text">到手</text>
							<text class="price-hou-money">￥{{ item.zf_price }}</text>
						</view>
						<!-- <view class="price-yuan">
							<text class="pre-cost">￥{{ item.zk_final_price }}</text>
						</view> -->
					</view>
				</view>
			</view>
		</view>
		<view class="loading-text">{{ loadingText }}</view>
	</view>
</template>

<script>
export default {
	props: {
		loadingText: '',
		goodsList: Array
	},
	methods: {
		eventClick(e) {
			this.$emit('eventClick', e);
		},
		eventPlatform(url) {
			appNavigateTo( url);
		}
	}
};
</script>

<style lang="scss">
@import '../common/css/goods-list-new.scss';
</style>
